Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Pop out of Threads Activity Centre#12136

Merged
florianduros merged 75 commits intodevelopfrom
florianduros/threads/pop-out-panel
Feb 7, 2024
Merged

Pop out of Threads Activity Centre#12136
florianduros merged 75 commits intodevelopfrom
florianduros/threads/pop-out-panel

Conversation

@florianduros
Copy link
Contributor

@florianduros florianduros commented Jan 11, 2024

Checklist

  • Tests written for new code (and old code if feasible)
  • Linter and other CI checks pass
  • Sign-off given on the changes (see CONTRIBUTING.md)

Closes https://github.com/element-hq/wat-internal/issues/144
Figma design

This PR introduces a new way to interact with thread notifications. Following the previous PR #12137 which has added the labs flag and split the unread counts between thread and the main timeline. The threads unreads are now listed in the new Threads Activity Centre (TAC) which is located on the bottom left of Element Web, in the Spaces panel.

The TAC can be opened by clicking on the thread icon in the Spaces Panel:

  • The dot color on the thread icon depicts the level of the unread in a thread. (Red for mention, green for a message...)
  • It's merging all the level of all thread unreads. So if one thread has a mention, the icon will be red
  • According to the user notification settings

The TAC is a pop out:

  • All the rooms with thread unreads are listed
  • Sorted by unread levels (red > green > black/white)
  • A click on a room in the TAC, opens the room and the thread panel

Examples

Opening the TAC
image

Clicking on the room test in the TAC
image

Opening the thread with a mention in the room test and opening again the TAC. Both the TAC icon button and the room indicator have been updated to reflect the new state of the thread unreads
image

Included PRs


Here's what your changelog entry will look like:

✨ Features

  • Pop out of Threads Activity Centre (#12136). Fixes element-hq/wat-internal#144. Contributed by @florianduros.

@florianduros florianduros added the T-Enhancement New features, changes in functionality, performance boosts, user-facing improvements label Jan 11, 2024
dbkr added 4 commits February 2, 2024 11:04
Make the button 32x32 (and the inner icon 24x24)
Fix narrow hover background on TAC button
Add test for the ThreadsActivityCentre component
* Provides utilities that build on the ability to find messages, e.g. replyTo,
* which finds a message and then constructs a reply to it.
*/
export class MessageBuilder {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is basically a lighter version of the read-receipt MessageBuilder.
Copy paste, added mention in thread and removed all the unused parts.

Copy link
Member

@andybalaam andybalaam left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good. I especially like the Playwright tests.

2 tiny comment fixes.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

T-Enhancement New features, changes in functionality, performance boosts, user-facing improvements

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants